<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
    </style>
    <!-- css文件引入 -->
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/shoppingcart.css">

    <!-- js文件引入 -->
    <script src="../js/jquery.min.js"></script>

</head>

<body>
    <!-- 头部区域 -->
    <div class="header acrao">
        <div class="top_log"><img src="../img/10033.png" alt=""></div>
        <ul class=" oul">
            <li id="line"><a href="">在线商城</a></li>
            <li><a href="javascript:;">坚果&nbsp;R2</a></li>
            <li><a href="javascript:;">Smartisan&nbsp;TNT&nbsp;go</a></li>
            <li><a href="javascript:;">坚果&nbsp;TNT&nbsp;工作站</a></li>
            <li><a href="javascript:;">Smartisan&nbsp;OS</a></li>
            <li><a href="javascript:;">欢喜云</a></li>
            <li><a href="javascript:;">论坛</a></li>
            <li><a href="javascript:;">开发者支持</a></li>
            <li><a href="javascript:;">荣誉与奖项</a></li>
        </ul>
        <div class="top_right">
            <div class="user"><a href="./login.html"></a>
            </div>
            <div class="shop"><a href="javascript:;"></a>
                <div class="cart">
                    <span class="carts"></span>
                    <p class="desc">购物车为空</p>
                    <p class="desc_prompt">您还没有选购任何商品，现在前往商城选购吧！
                    </p>
                </div>
            </div>

        </div>
    </div>
    <!-- 导航区域 -->
    <main class="acrao">
        <div class="main center">
            <ul id="m_bigbox">
                <li id="top" class="m_lefts"><a href="javascript:;">首页</a>
                    <div class="m_hide">
                        <div class="m_hide_bigbox">
                            <div class="m_hide_lbox">
                                <p>手机</p>
                                <div class="m_hide_mbox">
                                    <img src="../img/10061.webp" alt="">
                                    <span><a href="javascript:;">手机</a></span>
                                </div>
                            </div>
                            <div class="m_hide_rbox">
                                <p>官方配件</p>
                                <ul id="m_ul">
                                    <li>
                                        <img src="../img/10002.webp" alt="">
                                        <span><a href="javascript:;">蓝牙耳机</a></span>
                                    </li>
                                    <li>
                                        <img src="../img/10003.webp" alt="">
                                        <span><a href="javascript:;">数据线</a></span>
                                    </li>
                                    <li>
                                        <img src="../img/10004.webp" alt="">
                                        <span><a href="javascript:;">充电器</a></span>
                                    </li>
                                    <li>
                                        <img src="../img/10005.webp" alt="">
                                        <span><a href="javascript:;">移动电源</a></span>
                                    </li>
                                    <li>
                                        <img src="../img/10006.webp" alt="">
                                        <span><a href="javascript:;">拍照配件</a></span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="m_leftss"><a href="javascript:;">坚果手机</a>
                    <div class="m_hide"></div>
                </li>
                <li class="m_centers"><a href="javascript:;">TNT</a>
                    <div class="m_hide"></div>
                </li>
                <li class="m_rights"><a href="javascript:;">官方自营</a>
                    <div class="m_hide"></div>
                </li>
                <li class="m_rightss"><a href="javascript:;">服务</a>
                    <div class="m_hide">
                        <ul class="m_zhide">
                            <li>
                                <img src="../img/10007.png" alt="">
                                <p>损坏维修</p>
                            </li>
                            <li>
                                <img src="../img/10008.png" alt="">
                                <p>在线客服</p>
                            </li>
                            <li>
                                <img src="../img/10009.png" alt="">
                                <p>服务政策</p>
                            </li>
                            <li>
                                <img src="../img/10010.png" alt="">
                                <p>发起售后</p>
                            </li>
                            <li>
                                <img src="../img/10011.png" alt="">
                                <p>维修门店</p>
                            </li>
                            <li>
                                <img src="../img/10012.png" alt="">
                                <p>自助服务</p>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
            <div class="m_right">
                <span class="a_left"></span>
                <input type="text">
                <div class="recommends">
                    <a href="javascript:;" class="reco">坚果&nbsp;R2</a>
                    <a href="javascript:;" class="m_reco">TNT</a>
                </div>
            </div>
        </div>
    </main>
    <!-- 购物车列表 -->
    <table class="center" id="oTable">
        <thead>
            <th id="oChek">全选<input type="checkbox" id="check"></th>
            <th>商品信息</th>
            <th>单价</th>
            <th>数量</th>
            <th>小计</th>
            <th>操作</th>
        </thead>
        <tbody>
            <!-- <tr>
                <td><input type="checkbox" class="check"></td>
                <td class="oImg">
                    <img src="../img/details/10001.webp" alt="" width="50px" height="50px">
                    <p>坚果 R2 足迹系列保护套 圆珠笔的改进者出生</p>
                </td>
                <td class="oWidth"><span>9999</span>元</td>
                <td>
                    <button class="getJian">-</button>
                    <input type="text" class="much" value="1" size="1">
                    <button class="getJia">+</button>
                </td>
                <td>
                    <span class="xj">9999</span>元
                </td>
                <td>
                    <button class="delShan">删除</button>
                </td>
            </tr>
            <tr>
                <td><input type="checkbox" class="check"></td>
                <td class="oImg">
                    <img src="../img/details/10001.webp" alt="" width="50px" height="50px">
                    <p>坚果 R2 足迹系列保护套 圆珠笔的改进者出生</p>
                </td>
                <td><span>9999</span>元</td>
                <td>
                    <button class="getJian">-</button>
                    <input type="text" class="much" value="1" size="1">
                    <button class="getJia">+</button>
                </td>
                <td>
                    <span class="xj">9999</span>元
                </td>
                <td>
                    <button class="delShan">删除</button>
                </td>
            </tr> -->
        <tfoot>
            <tr>
                <td colspan="6">
                    总价：<span id="getTotal"></span>,
                    数量：<span id="getGross"></span>
                </td>
            </tr>
        </tfoot>
        </tbody>
    </table>
    <!-- 底部专区 -->
    <div class="acrao footer">
        <div class="center bot_top">
            <ul>
                <li>
                    <h3>订单服务</h3>
                    <div class="article">
                        <a href="">购买指南</a>
                        <a href="">送货政策</a>
                    </div>
                </li>
                <li>
                    <h3>服务支持</h3>
                    <div class="article">
                        <a href="">自助服务</a>
                        <a href="">维修门店</a>
                    </div>
                </li>
                <li>
                    <h3>媒体中心</h3>
                    <div class="article">
                        <a href="">新闻动态</a>
                        <a href="">官方视频</a>
                        <a href="">图片资源</a>
                    </div>
                </li>
                <li>
                    <h3>关注我们</h3>
                    <div class="article">
                        <a href="">新浪微博</a>
                        <a href="">官方微信</a>
                        <a href="">荣誉奖项</a>
                    </div>
                </li>
            </ul>
            <a href="" class="f_help">在线帮助</a>
        </div>
        <div class="center bot_bom">
            <ul class="bom_top">
                <li>Copyright © 2020 smartisan.com 版权所有</li>
                <li>
                    <a href="">锤子商城隐私政策</a>
                </li>
                <li>
                    <a href="">锤子商城用户协议</a>
                </li>
                <li>
                    <a href="">资质证照</a>
                </li>
            </ul><br>
            <ul class="bom_fot">
                <li>
                    <a href="">京 ICP 备 19048576 号 - 1</a>
                </li>
                <li id="f_police">
                    <a href="" class="f_cop">京公网安备 11010802033469号</a>
                </li>
                <li>
                    <a href="">京食药网食备 202010031</a>
                </li>
            </ul>
        </div>
    </div>
</body>

</html>
<script src="../js/tools.js"></script>
<script src="../js/shoppingcart.js"></script>